<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>VAOI LOGIN</title>
	<meta name="content-type" content="text/html; charset=UTF-8" />
	
	<link href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/css/login.css" rel="stylesheet" type="text/css"/>
	<link href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/css/formvalidation/formValidation.min.css" rel="stylesheet" type="text/css"/>
	<link href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/css/font-awesome.css" rel="stylesheet" type="text/css"/>
		
	<script src="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/js/jquery.min.js" type="text/javascript"></script>
	<script src="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/js/formValidation.min.js" type="text/javascript"></script>
    <script src="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/js/framework/bootstrap.min.js" type="text/javascript"></script>
	
</h:head>
<h:body>

	<div class="container">

		<div class="omb_login">
			<h3 class="omb_authTitle">
				Inicia Sesión
			</h3>
			<div class="row omb_row-sm-offset-3 omb_socialButtons">
				<div class="col-xs-4 col-sm-2">
					<a href="#" class="btn btn-lg btn-block omb_btn-facebook"> <i
						class="fa fa-facebook visible-xs"></i> <span class="hidden-xs">Facebook</span>
					</a>
				</div>
				<div class="col-xs-4 col-sm-2">
					<a href="#" class="btn btn-lg btn-block omb_btn-twitter"> <i
						class="fa fa-twitter visible-xs"></i> <span class="hidden-xs">Twitter</span>
					</a>
				</div>
				<div class="col-xs-4 col-sm-2">
					<a href="#" class="btn btn-lg btn-block omb_btn-google"> <i
						class="fa fa-google-plus visible-xs"></i> <span class="hidden-xs">Google+</span>
					</a>
				</div>
			</div>

			<div class="row omb_row-sm-offset-3 omb_loginOr">
				<div class="col-xs-12 col-sm-6">
					<hr class="omb_hrOr" />
					<span class="omb_spanOr">o</span>
				</div>
			</div>

			<div class="row omb_row-sm-offset-3">
				<div class="col-xs-12 col-sm-6">
					<form id="regexpEmailForm"  autocomplete="on" action="j_spring_security_check" method="post">
						<div class="form-group">
						   <div class="input-group">
							<span class="input-group-addon"><i class="fa fa-user"></i></span>		
											
							<input id="email" type="email" class="form-control" name="j_username" placeholder="Correo" required="required" />							
						   </div>
						</div>
									
						<div class="input-group">
							<span class="input-group-addon"><i class="fa fa-lock"></i></span>
							<input id="passwordField" type="password" class="form-control" name="j_password"
								placeholder="Contraseña" required="required" />
						</div>
						
						<br/>

						<button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
					</form>
			
				</div>
			</div>
			
			<br/>
			
			<div align="center">
				<!--  <div class="col-xs-12 col-sm-3">
					<label class="checkbox"> <input type="checkbox"
						value="remember-me">Recordarme</input>
					</label>
				</div>-->
					<p >
						<a href="#">Has olvidado tu contraseña?</a>
					</p>
			</div>
		</div>

	</div>

</h:body>
</html>